<template>
  <div>
    <div class="ana-title">
      <a-icon class="ana-title-icon" type="bar-chart" /><span
        class="ana-title-txt"
        >临床症状分析</span
      >
    </div>
    <div class="ana-content">
      <base-ga
        :chartData="dataSource"
        style="width: 40%"
        class="ana-content-item"
      />
      <div class="ana-content" style="width: 60%; flex-wrap: wrap">
        <base-huxi
          :chartData="dataSource"
          style="width: 100%"
          class="ana-content-item"
        />
        <base-shenjing
          :chartData="dataSource"
          style="width: 100%"
          class="ana-content-item"
        />
      </div>
    </div>
     <div class="ana-content">
       <base-temp :chartData="dataSource"
        style="width: 30%"
        class="ana-content-item"
      />
       <base-tizheng :chartData="dataSource"
        style="width: 70%"
        class="ana-content-item"
      />

     </div>
    <!--     
    <div class="ana-content">
      <h2>其它</h2>
      <comm-distribute
        :chartData="dataSource"
        :defaultKey="'身高（cm）'"
        :width="600"
      />
    </div> -->
  </div>
</template>

<script>
import BaseGA from "../charts/BaseGA.vue";
import BaseHuxi from "../charts/BaseHuxi.vue";
import BaseShenjing from "../charts/BaseShenjing.vue";
import BaseTemp from '../charts/BaseTemp.vue';
import BaseTizheng from '../charts/BaseTizheng.vue';
export default {
  components: {
    "base-ga": BaseGA,
    BaseHuxi,
    BaseShenjing,
    BaseTizheng,
    BaseTemp
  },
  props: {
         dataSource: Array,
  },
};
</script>

<style>
</style>